<template>
    <div>
        <div class="header">
            <input type="text" v-model="newMsg">
            <button @click="add">确定</button>
        </div>
        <Child :msg="val"/>
    </div>
</template>

<script setup>
import { ref } from "vue";
import Child from './child.vue'

const newMsg = ref('')

const val = ref('')
const add = () =>{
    val.value = newMsg.value
}
</script>

<style lang="css" scoped>

</style>